<template>
	<view class="content">
		<view class="comm">
			<view class="title fs18 font-weight color3">关于我们</view>
			<view class="fs14 color6">从嗨焙鲜生多年的经验看来，活动策划执行是一个“形 而上”的概念。从晚宴、会议到商演等各类型的公关活动，都有其相同的核心本质。</view>
			<view class="fs14 color6 info">这也是为什么行业内有一句话叫做“活动策划执行没有彩排，只有直播”。任何活动的成功举办，都需要活动运营团队对于活动每个细节的掌握和调控，而创意更是每场活动的点睛之笔。</view>
			<image src="http://rescs.bestcake.com/act/mrhappy/special1.png" mode="aspectFill" class="img1"></image>
			<image src="http://rescs.bestcake.com/act/mrhappy/special1.png" mode="aspectFill" class="img2"></image>
			<image src="http://rescs.bestcake.com/act/mrhappy/special1.png" mode="aspectFill" class="img2 img3"></image>
		</view>
		<view class="comm">
			<view class="title fs18 font-weight color3">服务介绍</view>
			<view class="fs14 color6">从嗨焙鲜生多年的经验看来，活动策划执行是一个“形 而上”的概念。从晚宴、会议到商演等各类型的公关活动，都有其相同的核心本质。</view>
			<view class="fs14 color6 info">这也是为什么行业内有一句话叫做“活动策划执行没有彩排，只有直播”。任何活动的成功举办，都需要活动运营团队对于活动每个细节的掌握和调控，而创意更是每场活动的点睛之笔。</view>
			<image src="http://rescs.bestcake.com/act/mrhappy/special1.png" mode="aspectFill" class="img1 mb0"></image>
		</view>
		<view class="comm clear-both bbnone">
			<view class="title fs18 font-weight color3">往期案例</view>
			<image src="http://rescs.bestcake.com/act/mrhappy/special1.png" mode="aspectFill" class="img2 float-l mb42"></image>
			<image src="http://rescs.bestcake.com/act/mrhappy/special1.png" mode="aspectFill" class="img2 img3 float-l mb42"></image>
			<image src="http://rescs.bestcake.com/act/mrhappy/special1.png" mode="aspectFill" class="img2 float-l"></image>
			<image src="http://rescs.bestcake.com/act/mrhappy/special1.png" mode="aspectFill" class="img2 img3 float-l"></image>
		</view>
		<view class="fs18 colorf btn font-weight"><navigator url="../write/write">申请服务</navigator></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.content{
	padding-bottom: 22.1337vw;
	.comm{
		padding: 5.6vw 4.2667vw 6.4vw 4.2667vw;
		border-bottom: 2.667vw solid #FAFAFA;
		.title{
			margin-bottom: 2.4vw;
		}
		.info{
			margin-top: 6vw;
			margin-bottom: 4.2667vw;
		}
		.img1{
			height: 48vw;
			width: 91.4666vw;
			border-radius: 1.6vw;
			display: block;
			margin-bottom: 2.667vw;
		}
		.img2{
			width: 44.5334vw;
			height: 44.5334vw;
			display: inline-block;
			border-radius: 1.6vw;
		}
		.img3{
			margin-left: 2.4vw;
		}
		.mb0{
			margin-bottom: 0;
		}
		.mb42{
			margin-bottom: 2.4vw;
		}
	}
	.bbnone{
		border-bottom: none;
	}
	.btn{
		width: 100%;
		height: 13.8667vw;
		line-height: 13.8667vw;
		text-align: center;
		background: #00449F;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 999;
	}
}
</style>
